<template>
    <section class="wrapper_0309">
      <myHeader class="header" :obj="myObj" @events="events"></myHeader>
      <main class="main_0309">
        <div class="bigFace">
          <div class="iconWrap">
            <div class="icons">
              <i class="praise"></i>
              <i class="hdol"></i>
              <i class="toMessage"></i>
            </div>
            <div class="close"></div>
          </div>
          <div class="info_0309">
            <p class="p_0309">企业培训这样最有效</p>
            <router-link to="/editIndent">
              <div class="moneyWrap_0309">
                <span class="money_0309">￥300.00</span>
                <span class="moneyText_0309">购买预约</span>
              </div>
            </router-link>
          </div>
        </div>
        <div class="posTime_0309">
          <div class="item_0309">
            <label class="label_0309">约见地点</label>
            <span class="itemSpan_0309">xx展台</span>
          </div>
          <div class="item_0309">
            <label class="label_0309">约见时间</label>
            <span class="itemSpan_0309">18:00-21:00</span>
          </div>
        </div>
        <article class="articles_0309">
          <h2 class="h2_0309">话题详情</h2>
          <p class="articleText_0309">资本市场是中国经济实现转型的基石，无论是在产业升级、经济转型，还是在过去的破旧立新等方面，甚至在去杠杆角度，私募股权投资起到的作用不可替代。<br><br>
过去几年，随着创业的大潮，私募股权作为投资领域的“皇冠上的明珠”，吸引越来越多的金融人才的注意，也有不少精英把私募股权作为职业的终极选择。<br><br>
然而，与之同时，我们看到数千家私募基金勃然兴起，不少基金也黯然谢幕。<br><br>
中国经济在挫折中成长，金融法规不断调整完善，这是私募股权最坏的时代，也是私募股权最好的时代！<br><br>
对于每个初入私募股权职业的投资经理，都会思考如何用最短的时间掌握私募股权投资的基本方法论，如何进入私募投资的快车道。<br><br>
我是Marshall, 康奈尔大学的金融法博士，在央行4万亿外汇储备海外投资部门工作多年，与华尔街顶级私募基金多次合作，兼具私募投资和法律双重经验，目前是律格资本的合伙人。<br><br>
愿意与您分享以下内容：<br><br>
PE投资与VC投资有哪些异同；<br>
PE投资如何发掘好项目；<br>
PE投资的基本方法论；<br>
PE投资如何进行尽职调查，包括法务和财务尽调等；<br></p>

        </article>
        <div class="comment_0309">
          <h2 class="h2_0309">用户评价</h2>
          <div class="userItem_0309">
            <div class="faceName_0309">
              <i class="face_0309"></i>
              <span class="name_0309">张三</span>
            </div>
            <p class="userSay_0309">非常受益的约见，很感谢导师的见解，亲和力十足，格局很大～</p>
            <div class="chatTitle_0309">参与话题：如何成功攒一个亿</div>
            <time class="chatTime_0309">2018-04-01</time>
          </div>
          <div class="userItem_0309">
            <div class="faceName_0309">
              <i class="face_0309"></i>
              <span class="name_0309">张三</span>
            </div>
            <p class="userSay_0309">非常受益的约见，很感谢导师的见解，亲和力十足，格局很大～</p>
            <div class="chatTitle_0309">参与话题：如何成功攒一个亿</div>
            <time class="chatTime_0309">2018-04-01</time>
          </div>
          <button class="chatBottom_0309">查看全部评论</button>
        </div>
      </main>
    </section>
</template>
<script>
import myHeader from './base/myHeader';
export default {
  data () {
    return {
      myObj: { // header 组件接收的数据
        type: 2,
        text: "行家"
      },
    }
  },
  methods: {
    events(i){
      if(i == 2) {
        history.back();
      }
    },
  },
  components: {
    myHeader
  }
}

</script>
<style lang="less">
  .wrapper_0309 {
    width: 3.75rem;
    .main_0309 {
      width: 3.75rem;
      height: 100%;
      padding-top: .44rem;
      position: absolute;
      top: 0;
      left: 0;
      overflow-y: auto;
      box-sizing: border-box;
      .comment_0309 {
        padding: .14rem;
        background: white;
        .userItem_0309 {
          padding-top: .14rem;
          box-sizing: border-box;
          height: 1.35rem;
          border-bottom: .01rem solid #D8D8D8;
          .faceName_0309 {
            width: 100%;
            display: flex;
            margin-bottom: .12rem;
            .face_0309 {
              display: block;
              width: .3rem;
              height: .3rem;
              background: url("../assets/img/my@3x.png") center center;
              background-size: cover;
              background-repeat: no-repeat;
            }
            .name_0309 {
              display: block;
              width: 3rem;
              height: .3rem;
              line-height: .3rem;
              padding-left: .1rem;
              box-sizing: border-box;
              overflow: hidden;
              text-overflow:ellipsis;
              white-space: nowrap;
              color: #39393D;
              font-size: .12rem;
              font-weight: bold;
            }
          }
          .userSay_0309 {
            color: #39393D;
            font-size: .12rem;
            line-height: .12rem;
            text-align: justify;
          }
          .chatTitle_0309 {
            font-size: .12rem;
            line-height: .12rem;
            color: #828282;
            padding: .1rem 0;
          }
          .chatTime_0309 {
            font-size: .12rem;
            color: #828282;
          }
        }
        .chatBottom_0309 {
          display: block;
          width: 3.47rem;
          height: .44rem;
          font-size: .12rem;
          color:#39393D;
          border: none;
          background: white;
        }


      }
      .h2_0309 {
          color: #39393D;
          font-size: .14rem;
          padding-bottom: .1rem;
        }
      .articles_0309 {
        background: white;
        padding: .14rem;
        box-sizing: border-box;
        margin-bottom: .14rem;
        .articleText_0309 {
          color: #828282;
          font-size: .12rem;
          text-align: justify;
          line-height: .16rem;
          

        }
      }
      .posTime_0309 {
        width: 3.75rem;
        padding: .18rem .14rem;
        height: .88rem;
        background: white;
        box-sizing: border-box;
        display: flex;
        .item_0309 {
          width: 1.73rem;
          &:nth-last-child(1){
              border-left: 0.01rem solid #E5E5E5;
            }
            .label_0309 {
              display: block;
              height: .26rem;
              line-height: .26rem;
              color: #353535;
              font-size: .14rem;
              font-weight: bold;
              text-align: center;
            }
            .itemSpan_0309 {
              display: block;
              width: 1.73rem;
              height: .26rem;
              line-height: .26rem;
              text-align: center;
              color: #828282;
              overflow: hidden;
              text-overflow:ellipsis;
              white-space: nowrap;
            }
        }
      }
      .bigFace {
        width: 100%;
        height: 5.24rem;
        background: url("../assets/img/person/2.jpg") center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        .info_0309 {
          width: 3.75rem;
          min-height: .6rem;
          position: absolute;
          left: 0;
          bottom: 0;
          // background: white;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 .14rem;
          box-sizing: border-box;
          .p_0309 {
            width: 2rem;
            height: .22rem;
            line-height: .22rem;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            font-size: .18rem;
            color:white;
            font-weight: bold;
          }
          .moneyWrap_0309 {
            .money_0309 {
              font-size: .2rem;
              font-weight: bold;
              height: .3rem;
              line-height: .3rem;
              color: #39393D;
              display: inline-block;
              background: #EFEFEF;
              padding: 0 .15rem;
              border-radius: .15rem;
            }
            .moneyText_0309 {
              padding-top: .05rem;
              display: block;
              text-align: center;
              font-size: .09rem;
              color: #fff;
              box-sizing: border-box;
            }

          }
        }
        .iconWrap {
          padding: .1rem .15rem 0;
          
          .icons {
            display: flex;
            i {
              display: block;
              width: .25rem;
              height: .25rem;
              border-radius: 50%;
              margin-right: .1rem;
              &.praise {
                background: url("../assets/img/icon_good_off@3x.png") center center;
                background-size: cover;
                background-repeat: no-repeat;
              }
              &.hdol {
                background: url("../assets/img/icon_hdol-off@3x.png") center center;
                background-size: cover;
                background-repeat: no-repeat;
              }
              &.toMessage {
                background: url("../assets/img/icon_message@3x.png") center center;
                background-size: cover;
                background-repeat: no-repeat;
              }
            }
          }
        }
      }
    }


  }
</style>
